@charset "utf-8";
/* CSS Document */

/* ----------------------------------

*Main CSS file for 易到用车网
*(C) Comsenz Inc.
*http://http://www.yongche.com.
*$Id:style.css 2014-07-21 14:10:35.$
*Created & Modified by  LC & 刘超.
*QQ:270287104,TEL:13488874014.

----------------------------------*/

/*
  Name:     mod_reset
  Explain:        重定义浏览器默认样式
*/
* { word-wrap: break-word; }
body { background: #FFF; }
body,
input,
button,
select,
textarea { font: 12px/1.5 arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; color: #000; }
textarea { resize: none; }
body,
ul,
ol,
li,
dl,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
.pr,
.pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
caption,
th { text-align: left; font-weight: 400; }
ul li,
.xl li { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 1em; }
em,
cite { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #970002; text-decoration: underline; }
a img { border: none; }
label { cursor: pointer; }
fieldset,
img { border: 0; }
img { vertical-align: bottom; }
/*
  Name:     mod_float
  Explain:    .z/.y 浮动 left/right
*/
.z { float: left; }
.y { float: right; }
.y.li { width: 100px; height: 30px; }
/*
  Name:     mod_clearfix
  Explain:    Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
/*
  Name:     mod_center
  Explain:    定义页面居中问题
*/
.center { margin: 0 auto; }
/*
  Name:     mod_line
  Explain:    定义主题栏目间距
*/
.line { height: 20px; line-height: 20px; }
/* 文本属性：字号、颜色、粗细 */ 

/*   
  Name:     mod_text_size
  Explain:    文字字号，分为x个级别
*/
.xs0 { font-family: Tahoma, Helvetica, sans-serif; font-size: 0.83em; -webkit-text-size-adjust: none; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.xs4 { font-size: 18px !important; }
.xs5 { font-size: 20px !important; }
.xs6 { font-size: 22px !important; }
.xs7 { font-size: 24px !important; }
.xs8 { font-size: 26px !important; }
.xs9 { font-size: 28px !important; }
.xs10 { font-size: 30px !important; }
.xs11 { font-size: 32px !important; }
.xs12 { font-size: 34px !important; }
.xs13 { font-size: 36px !important; }
/*
  Name:     mod_text_weight_level
  Explain:    文字字号，分为二个级别
*/
.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }
/*
  Name:     mod_padding,mod_margin
  Explain:    外边距，内边距
*/
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt10 { padding-top: 10px; }
.pq10 { padding: 10px; }
.pb30 { padding-bottom: 30px; }
.pl30 { padding-left: 30px; }
.pr30 { padding-right: 30px; }
.pt30 { padding-top: 30px; }
.pq30 { padding: 30px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mq10 { margin: 10px; }
/*
  Name:     mod_color
  Explain:    常用颜色
*/
.c-red { color: red !important; }
.c-white { color: white !important; }
.c-blue { color: #2da8c9 !important; }
.c-black { color: black !important; }
.c-adabac { color: #adabac !important; }
.c-fff826 { color: #fff826 !important; }
.c-0067a3 { color: #0067a3 !important; }
.c-5b5b5b { color: #5b5b5b; }
.c-67cb9a { color: #67cb9a; }
/*
  Name:     mod_background-color
  Explain:    常用背景颜色
*/
.bg_dc { background-color: #dcdcdc; }
/*
  Name:     mod_border
  Explain:    边框样式，该模块仅作用于元素的下边框and全边框，分为虚线和实线两种，宽度均为 1px
*/
.bbda { border-bottom: 1px dashed #C4C4C4; }
.bbs { border-bottom: 1px solid #C4C4C4 !important; }
.bqda { border: 1px dashed #C4C4C4; }
.bqs { height: 100%; border: 1px solid #C4C4C4 !important; }
/* ------------------------------------------------------------------------ 页面布局 */
/* 通用容器，定义页面宽度 */ .wp { margin: 0 auto; width: 980px; }
#wp .wp { width: auto; }
.badyBg { margin: 0 auto; height: auto; background-color:#e4e4e4;}
#wrapper { margin: 0 auto; height: auto; }
/* 页面主区域 */
/* 主体 */#main { height: auto; }
/* 注册 */
.icon-common-login { display:inline-block; background-image:url(http://i1.yongche.name/u/images/201406/2211339222.png?1413054600); background-repeat:no-repeat;}
.login_form { width:315px; position:absolute; right:-20px !important; opacity: 0.9 !important;top:30px !important; z-index:8;}
.login_bg { width:315px; height:413px;  opacity: 0.8; filter: alpha(opacity=80); position: absolute; right: 22px !important; top:30px !important; z-index: 2;  -webkit-border-radius:4px; -moz-border-radius: 4px; -o-border-radius:4px; border-radius: 4px;}
.login_form .pt { margin:10px 0 0 30px; width:228px; height:32px; line-height:32px; border:none; }
.login_form .login_hd { margin-bottom:10px; height:48px; line-height:48px; background-color:#ed4136;  -webkit-border-radius:4px 4px 0 0 ; -moz-border-radius:4px 4px 0 0 ; -o-border-radius:4px 4px 0 0 ; border-radius:4px 4px 0 0;}
.login_form .icon_login_car { margin-left:10px; width:48px; height:18px;}
.login_form .icon_iPhone {  background-position:-229px -36px;}
.login_form .icon_btn { width:106px; height:34px; background-position:-150px 0; color:#8e8e8e; background-color:#ed4136 !important; border:none; cursor:pointer;}
.login_submit { margin-top:20px; width:220px; height:45px; line-height:46px; border: none; cursor:pointer; text-decoration:none; display:inline-block;}
/* 页脚 */
.footer { padding: 90px 0 60px; margin-top: 124px; height: auto; overflow: hidden; background: #333333; }
.footer .info { height: auto; overflow: hidden; width: 500px; *width: 450px;
}
.footer .info .logo { width: auto; height: 59px; }
.footer .info .logoa { width: 164px; height: 59px; background-position: 0 0; display: inline-block; }
.footer .info .tel { width: 180px; height: 59px; background-position: -205px 0; display: inline-block; }
.footer .info .txt { padding: 15px 0 20px; color: #FFF; line-height: 24px; }
.footer .believe { height: auto; overflow: hidden; }
.footer .believe a { float: left; margin-right: 20px; }
.footer .believe i { width: 108px; height: 40px; }
.footer .believe .icon_cnnic { background-position: 0 -130px; }
.footer .believe .icon_hd315 { background-position: -127px -130px; ; }
.footer .nav { color: #6b6b6b; }
.footer .nav .xl { float: left; padding: 0 25px; font-size: 14px; }
.footer .nav .xl a { color: #90929c; }
.footer .nav .xl h2 { color: #FFF; line-height: 40px; }
.footer .nav .xl li { color: #90929c; line-height: 30px; }
/* 巨屏广告 */
.max_banner { height: 622px !important; background:#e4e4e4 url(../images/max_banner.jpg) center top no-repeat; background-size: contain; }
.max_banner .btn { width: 208px; height: 64px; line-height: 64px; font-size: 34px; background-color: #ed4136; left: 550px; top: 456px; text-decoration: none; cursor: pointer; display: inline-block; z-index: 3; }
.max_banner .txt { width: 629px; height: 280px; top:125px; left: 10px; z-index: 2; }
/* 易到可为您提供 */
.service { top:480px; font-size:14px;}
.service .xl li { float: left; margin:0 3px; padding:20px 15px; width: 158px; height:101px; background:url(http://i3.yongche.name/u/images/201407/1886246381.png?1413054600) 0 -284px no-repeat; }
.service .xl h3 { font-size: 18px; line-height:22px; text-indent:1em; }
.service p { padding-top:12px; line-height:18px;}

/*他们都在这样用 */
.used { height: auto !important; background-color: #e4e4e4; }
.used .xl { padding:0 0 16px 20px;}
.used .xl dt { float:left; padding:20px 15px 0; width:210px; height:265px; line-height:24px; background-color:#c80d3f;}
.used .xl dd { float:left; margin-left:15px; width:340px; height:285px; position:relative;}
.used .yjx { margin-left:2px; padding:2px 3px; background-color:#383838 !important;}
.used .btn { margin: 0px auto 0; width:104px; height:34px; line-height:34px; color:#252525; background-color:#fff100; text-decoration:none; display: block;}
.used .txtBg { width:100%; height:95px; line-height:95px; background-color:#000; bottom:0; filter:alpha(opacity=70);  opacity:0.7;}
.used .txt { left:15px; top:200px;}
.used .d,.used .x { margin-right:3px; width:13px; height:13px; background-position:-355px -286px;}
.used .d { background-position:-355px -310px;}
/*.used .mask { width:100%; height:100%; display:inline-block;}
.used .maskL { width:100%; height:191px; background-color:#CDCDCD; filter:alpha(opacity=70); opacity:0.7; display:block; z-index:2; }*/
.used a .mask { display:block;}
.used a:hover .mask { display:none !important;}
.used a .maskL { display:none;}
.used a:hover .maskL { display:block !important;}

/* 三步走 */
/* .custom { height: auto !important; background-color:#252525; } */
.custom { height: auto !important; background-color: #ee4136 }
.custom .xl3 { padding:55px 0; overflow: hidden; }
.custom .xl3 li { float: left; margin:0 10px; line-height: 30px; }
.custom .plate { margin-right:10px; width: 62px; height: 61px; }
.custom .icon1 { background-position: -192px -364px; }
.custom .icon2 { width:74px; background-position: -259px -364px; }
.custom .icon3 { width:75px; background-position: -337px -364px; }
.custom .icon4 { width:74px; background-position: -416px -364px; }
/* 老用户有话说 */
.scroll { background-color: #db1032; }
.scroll .btn_lef,
.scroll .btn_righ { width: 18px; height: 22px; position: absolute; top: 50%; }
.scroll .btn_lef { background-position: -120px 0; }
.scroll .btn_righ { background-position: -140px 0; right: 5px; }
.scroll .xl { margin: 0 auto; padding-bottom: 50px; width: 940px; }
.scroll .xl li { float: left; padding: 20px; width: 45%; color: #5b5b5b; }
.scroll .xl .zz { margin: 0 10px; width: 43px; height: 56px; background-position: -610px 0; }
.scroll .xl li.last { padding: 0; margin: -20px 0 0; width: 2px; height: 200px; border-left: #FFF solid 2px; -webkit-transform: rotate(45deg);/*Safari 4+,Google Chrome 1+  */ -moz-transform: rotate(45deg);/*Firefox 3.5+*/ filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);
}
.scroll .avatar { min-height: 150px; margin: 0 10px; }
.scroll .avatar img { width: 62px; }
/*.scroll .avatar a img { border: 5px solid #6e6e6e; }*/
.scroll .avatar a { padding: 5px 0 0 5px; width: 72px; height: 66px; background-position: -191px -284px; }
.scroll .avatar a:hover,
.scroll .avatar .on { background-position: -270px -284px; }
/*.scroll .avatar a:hover img { border: 5px solid #ed4136; }*/
.scroll .btn { display: inline-block; margin-left: 404px; margin-top: 20px; width: 124px; height: 36px; line-height: 36px; color: #FFF; background-color: #fff100; text-decoration: none; }
.scroll .Dbtn { margin: auto; width: 82px; }
.scroll .Dbtn .dian { margin: 0 2px; width: 10px; height: 10px; display: inline-block; }
.scroll .Dbtn a { background-color: #454545; }
.scroll .Dbtn a:hover,
.scroll .Dbtn .on { background-color: #FFF; }
.scroll a { color:#FFF;}
.scroll a:hover { color: #000; text-decoration: none; }
.scroll a.btn { color: #252525; }

/* 倾情推荐 */
.recommend { padding: 80px 0 70px; background-color:#FFF; border-bottom:30px solid #e4e4e4; }
/* 通用 */  
/*  blk 圆角背景 */
.blk-red { padding: 2px; background: red; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.blk5 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.blk6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.triangle { margin-left:55px; width: 0; height: 0; border-color:transparent transparent #252525 transparent; border-width: 0 12px 12px 12px; border-style:solid;}
/* 标题 */
.hd { padding: 0 0 0 20px; height:54px; }
.hd h2 { padding-right:15px; font-size:36px; color:#db1032; background-color:#e4e4e4; z-index:2; }
.rLine { width:100%; border:dashed #db1032 1px; top:65%; }

/* 文本列表 */
.ti2 { text-indent: 2em; }
.ti-9999 { width: 0px; height: 0px; overflow: hidden; text-indent: -9999em; display: inline-block; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.ml30 { margin-left: 30px; }
.lh10 { line-height: 10px; }
.lh18 { line-height: 18px; }
.vm { vertical-align: middle; }
.tdu { text-decoration: underline; }
.tdn { text-decoration: none; }
.xl li { line-height: 24px; }
/* 位置 */
.pt-r { position: relative; }
.pt-a { position: absolute; }
.disNo { display: none !important; }
.disIb { display: inline-block; }
/* 图片 */
/* 背景图片 */.icon-common { display: inline-block; background-image:url(http://i3.yongche.name/u/images/201407/1886246381.png?1413054600); background-repeat: no-repeat; }

.icon-footer-logoTel { display: inline-block; background-image: url(http://i1.yongche.name/u/images/201404/134766425.png?1413054600); background-repeat: no-repeat; }


/* 广告 通用 */  .banner { overflow: hidden; }
/* 图片列表 */
.plate_bg { background-color: #FFF; overflow: hidden; }

.login_hd ._form_title{display:none}
.login_hd_clone ._form_title{display:inline}
/* javascript效果*/

.header{margin:0}
.disNo{display: none;}
.hd{border:none;background:none;}

#speek{ width: 940px; height: auto; overflow: hidden;margin:30px auto 0} 
.speekContainer{ width: 9999px;}
.speekContainer .item{ width: 940px; height: auto; float: left;}
.speekContainer .item .xl li{ height: 200px;color:#fff;}
.scroll .Dbtn{width: auto;text-align: center}